<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- <script src="https://unpkg.com/vue@next"></script> -->
		<script src="js/v2.6.10/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<p>
				请输入张三同学成绩：<input type="text" v-model="score"/>			
			</p>
			<h1 v-if = "score >= 90 && score<=100">张三成绩优秀</h1>
			<h1 v-else-if = "score >= 75 && score<= 90">张三成绩良好</h1>
			<h1 v-else-if = "score >= 60 && score<= 75">张三成绩及格</h1>
			<h1 v-else-if = "score <= 60 && score>= 0 ">张三成绩不及格</h1>
			<h1 v-else>错误！</h1>
		</div>
		
		<script>
		 var i = new Vue({
			 el:"#app",
			 data:{
				 score:""
			 }
		 })
		</script>
	</body>
</html>
